<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>
<script></script>

<head>
    <title>丰富的样式</title>
</head>

<body>
    <div class="user">你好。这是一个 DIV 元素，class="user"。</div>
    <div class="login">你好。这是一个 DIV 元素，class="login"。</div>
    <div class="user login">你好。这是一个 DIV 元素，class="user login"。</div>
    <!-- 根据具体属性值选择 -->
    <a href="http://www.w3school.com.cn/about_us.asp">w3school</a>
    <a href="http://www.baidu.com">baidu</a>

    <!-- 根据部分属性值选择 -->
    <p class="urgent warning">
        When handling plutonium,care must be taken to avoid the formation of a critcal mass
    </p>

</body>
<style>
    .user.login {
        font-size: 30px;
        background-color: red;
    }
    a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}

    p[class~="warning"] {
        font-weight: bold;
    }
   
</style>

</html>